{% extends 'xBlog/base.html' %}
{% block title %}大鹌鹑的简历{% endblock %}
{% block content %}
    <div class="container-fluid well" id="resume">
        <div id="resume_head" class="row-fluid">
            <div class="span4">
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <h3 class="panel-title">大鹌鹑</h3>
                    </div>
                    <div class="panel-body">
                        Pythonista
                    </div>
                </div>
            </div>
            <div class="span8">
                <ul class="nav nav-tabs">
                    <li id='l0' class="active"><a href="#resume">简历</a></li>
                    <li id='l1'><a href="#about_me">关于我</a></li>
                    <li id='l2'><a href="#school">教育经历</a></li>
                    <li id='l3'><a href="#work">工作经历</a></li>
                    <li id='l4'><a href="#project">项目经历</a></li>
                    <li id='l5'><a href="#skill">技能</a></li>
                    <li id='l6'><a href="#life">生活</a></li>
                </ul>
            </div>
        </div>

        <div id="about_me" class="row-fluid">
            <div class="span12 well">
                <div class="span2">
                    <span class="button-wrap">
                        <a href="javascript:void(0)" class="button button-circle button-primary"
                           style="text-decoration:none;">
                            <i class="icon-user"></i> 关于我
                        </a>
                    </span>
                </div>
                <div class="span10">
                    <div class="span3">
                        <div class="img-polaroid">
                            <img src="http://7xtxdh.com2.z0.glb.clouddn.com/author.jpg"/>
                        </div>
                        <div style="margin-top:8px;" align="center" class="sns">
                            <a href="https://github.com/MadSkittles" target="_blank"
                               style="text-decoration:none;color:gray;">
                                <i class="icon-github-alt" title="Github"></i>
                            </a>
                            <a href="http://weibo.com/u/3027936487" target="_blank"
                               style="text-decoration:none;color:gray;">
                                <i class="icon-weibo" title="微博"></i>
                            </a>
                            <a href="http://sighttp.qq.com/msgrd?v=1&uin=562334275" target="_blank"
                               style="text-decoration:none;color:gray;">
                                <i class="icon-linux" title="QQ"></i>
                            </a>
                            <a href="mailto:likanwen@icloud.com" target="_blank"
                               style="text-decoration:none;color:gray;">
                                <i class="icon-envelope" title="邮箱"></i>
                            </a>
                        </div>
                    </div>
                    <div class="span9" style="word-wrap:break-word;">
                        <div class="alert alert-info">
                            追求极致，立志成为Python Geek的疯狂Pythonista。</br>
                            工作认真负责，为人正直乐观，容易相处，略带些逗逼。</br>
                            在本科期间研究了挺长的时间的算法，使我对编程有了新的认识，</br>
                            读研后开始做一些开发，由于厌倦了Java便跳进了Python的坑，</br>
                            爱上了Python，也爱上了The Zen of Python，</br>
                            但是作为一个Python鹌鹑，还有很多的东西需要学习。</br>
                            能够熟练的使用Mac OSX/Ubuntu进行Python开发。</br>
                            对于前端累觉不爱，但是能够写一些小页面。</br>
                            对自己的目标是成为一位爆栈工程师。</br>
                            Github：https://github.com/MadSkittles </br>
                        </div>
                        <div align="center">
                            <a class="button button-border-primary"
                               href="mailto:likanwen@icloud.com" target="_blank"
                               style="text-decoration:none;color:gray;">
                                <i class="icon-envelope"></i>likanwen@icloud.com
                            </a>
                            <a id="phonetip" class="button button-border-primary" href="javascript:void(0)"
                               style="text-decoration:none;color:gray;" rel="tooltip"
                               data-original-title="（江苏）15601455161">
                                <i class="icon-phone-sign"></i>（江苏）15601455161
                            </a>
                            <a class="button button-border-primary" href="javascript:void(0)"
                               style="text-decoration:none;color:gray;">
                                <i class="icon-map-marker"></i>江苏苏州（现居天津）
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div id="school" class="row-fluid">
            <div class="span12 well">
                <div class="span2">
                    <span class="button-wrap">
                        <a style="text-decoration:none;" href="javascript:void(0)"
                           class="button button-circle button-action">
                            <i class="icon-book"></i> 教育经历
                        </a>
                    </span>
                </div>
                <div class="span10">
                    <div class="alert alert-success">
                        <a style="text-decoration:none;" class="button button-block button-action"
                           href="http://www.yzu.edu.cn/" target="_blank">扬州大学</a>
                        <a style="text-decoration:none;" class="button button-block button-action">2011 - 2015</a>
                        <a style="text-decoration:none;" class="button button-block button-action"
                           href="http://xxgcxy.yzu.edu.cn/" target="_blank">计算机科学与技术（本科）</a>
                        <a style="text-decoration:none;" class="button button-block button-action">CET6</a>
                        <a style="text-decoration:none;" class="button button-block button-action"
                           href="http://www.nju.edu.cn/" target="_blank">南京大学</a>
                        <a style="text-decoration:none;" class="button button-block button-action">2015 - 至今</a>
                        <a style="text-decoration:none;" class="button button-block button-action"
                           href="http://software.nju.edu.cn/" target="_blank">软件工程（硕士）</a>

                    </div>
                </div>
            </div>
        </div>

        <div id="work" class="row-fluid">
            <div class="span12 well">
                <div class="span2">
                    <span class="button-wrap">
                        <a href="javascript:void(0)" class="button button-circle button-highlight"
                           style="text-decoration:none;">
                            <i class="icon-group"></i> 工作经历
                        </a>
                    </span>
                </div>
                <div class="span10">
                    <div class="panel panel-warning">
                        <div class="panel-heading">
                            <h3 class="panel-title"><a href="javascript:void(0)" target="_blank">南京法系科技有限公司（南京大学）</a>
                            </h3>
                        </div>
                        <div class="panel-body">
                            2015.05 - 至今</br>
                            Java后端工程师</br>
                            南京法系科技有限公司是南京大学软件学院下属的项目工程组，主要开发法院信息系统。</br>
                            工作主要是为天津市各级人民法院开发法院信息系统，主要负责Java后端开发，也兼职前端工程师。</br>
                            作为主要程序员之一，完成了天津高级人民法院人民陪审员信息系统和各级人民法院的门户网站开发，同时也参与其他系统的开发维护任务。
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div id="project" class="row-fluid">
            <div class="span12 well">
                <div class="span2">
            <span class="button-wrap">
                <a href="javascript:void(0)" class="button button-circle button-caution" style="text-decoration:none;">
                    <i class="icon-trophy"></i> 部分个人完成的项目
                </a>
            </span>
                </div>
                <div class="span10">

                    <div class="row-fluid">
                        <div class="panel panel-danger span6">
                            <div class="panel-heading">
                                <h3 class="panel-title"><a href="http://123.206.194.193:8000/" target="_blank">大鹌鹑的博客</a>
                                </h3>
                            </div>
                            <div class="panel-body" style="text-align:left;padding:10px;">
                              正是您正在访问的博客www.likanwen.com，开发框架为Django</br>
                              利用EpicEditor作为博文的markdown编辑器，可实时查看博文的呈现效果，</br>
                              后台可以监测博客浏览情况的大量信息，方便管理，</br>
                              利用localStorage保存临时草稿，用户意外发生没有保存文章时的恢复，</br>
                              可显示在线用户和访问量等，</br>
                              博客图片采用外链形式，以七牛云存储实现了一个通用的图片上传插件，</br>
                              在博客后台上传图片后，会返回加上水印后的图片链接，通过clipboard.js方便的作为markdown链接复制到剪切板。
                            </div>
                        </div>
                        <div class="panel panel-danger span6">
                            <div class="panel-heading">
                                <h3 class="panel-title"><a href="javascript:void(0)" target="_blank">人民陪审员信息系统</a>
                                </h3>
                            </div>
                            <div class="panel-body" style="text-align:left;padding:10px;">
                                全国首创，得到最高院的高度评价，</br>
                                该程序主要用于管理天津市各级人民法院的陪审员，</br>
                                开发框架为Spring和hibernate。</br>
                                可以查看陪审员的情况，发放陪审员陪审津贴，自动提醒任期即将结束陪审员，</br>
                                通过系统可以为即将开庭的案件选取陪审员，可以查看选取记录，</br>
                                内置大数据平台，监测全市陪审员的人员信息情况和各法院使用陪审员的情况。
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div id="skill" class="row-fluid">
            <div class="span12 well">
                <div class="span2">
            <span class="button-wrap">
                <a href="javascript:void(0)" class="button button-circle button-royal" style="text-decoration:none;">
                    <i class="icon-wrench"></i> 技能
                </a>
            </span>
                </div>
                <div class="span10">
                    <div class="panel panel-info span6">
                        <div class="panel-heading">
                            <h3 class="panel-title">编程</h3>
                        </div>
                        <div class="panel-body" style="text-align:left;padding:10px;">
                            <div class="progress">
                                <div class="bar bar-info" style="width: 90%">Python</div>
                            </div>
                            <div class="progress">
                                <div class="bar bar-info" style="width: 86%">Django</div>
                            </div>
                            <div class="progress">
                                <div class="bar bar-info" style="width: 70%">Flask</div>
                            </div>
                            <div class="progress">
                                <div class="bar bar-info" style="width: 60%">Redis</div>
                            </div>
                            <div class="progress">
                                <div class="bar bar-info" style="width: 90%">Java</div>
                            </div>
                            <div class="progress">
                                <div class="bar bar-info" style="width: 80%">HTML</div>
                            </div>
                            <div class="progress">
                                <div class="bar bar-info" style="width: 65%">jQuery</div>
                            </div>
                            <div class="progress">
                                <div class="bar bar-info" style="width: 70%">CSS</div>
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-info span6">
                        <div class="panel-heading">
                            <h3 class="panel-title">工具</h3>
                        </div>
                        <div class="panel-body" style="text-align:left;padding:10px;">
                            <div class="progress">
                                <div class="bar bar-info" style="width: 60%">VIM</div>
                            </div>
                            <div class="progress">
                                <div class="bar bar-info" style="width: 70%">Git</div>
                            </div>
                            <div class="progress">
                                <div class="bar bar-info" style="width: 65%">SVN</div>
                            </div>
                            <div class="progress">
                                <div class="bar bar-info" style="width: 80%">Linux/Mac OS X</div>
                            </div>
                            <div class="progress">
                                <div class="bar bar-info" style="width: 80%">Markdown</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div id="life" class="row-fluid">
                <div class="span12 well">
                    <div class="span2">
            <span class="button-wrap">
                <a href="javascript:void(0)" class="button button-circle" style="text-decoration:none;">
                    <i class="icon-camera"></i> 生活
                </a>
            </span>
                    </div>
                    <div class="span10">
                        <div style="margin-top:20px;" align="center">
                            <a href="http://weibo.com/u/3027936487?s=6uyXnP" target="_blank"><img border="0"
                                                                                                  src="http://service.t.sina.com.cn/widget/qmd/3027936487/347186ab/1.png"/></a>
                        </div>
                        <div style="margin-top:20px;" align="center">
                            <a href="http://7xtxdh.com2.z0.glb.clouddn.com/resume.pdf"
                               class="button button-3d-primary button-pill">PDF简历下载</a>
                            <a href="http://7xtxdh.com2.z0.glb.clouddn.com/resume.doc"
                               class="button button-3d-action button-pill">DOC简历下载</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        $(function () {
            $('#phonetip').tooltip();
            $('#idblog').addClass('animated hinge');
            setTimeout(function () {
                $('#idblog').removeClass('hinge').addClass('rotateInDownRight');
                $('#idblog>a:first').text('大鹌鹑的简历');
            }, 2500);
            setTimeout(function () {
                $('#idblog').removeClass('rotateInDownRight').addClass("flash");
            }, 4000);
        });
    </script>
{% endblock %}
